<!doctype html>
<!--
/*
 * Chrome Extension for ${validator.app.name}.
 *
 * This page displays the options page.
 *
 * Copyright (C) 2014  Rick Brown
 */
-->
<html>
	<head>
		<title>${validator.app.name} - Options</title>
		<link rel="stylesheet" type="text/css" href="summary.css"/>
	</head>
	<body>
		<h1>${validator.app.name} - Options</h1>
		<!--
		<h2>Pass and Fail Determination</h2>
		<p>Whether or not your ARIA implementation passes or fails is determined by the rules set out in the WAI-ARIA
			<a href="http://www.w3.org/WAI/ARIA/schemata/aria-1.rdf" target="_blank">RDF</a>.
			This can get confusing since the W3C documentation often seems to be inconsistent with the RDF.</p>
		<p>For example take  <a href="http://www.w3.org/TR/wai-aria/roles#menuitem" target="_blank">menuitem</a> which
			has a "required context role" of either "group", "menu" or "menubar", however the RDF only lists "menubar" or "menu".
		</p>
		-->
		<fieldset>
			<legend>Optional Validation</legend>
			<p>Currently experimental tests make some limited attempts to detect implementations that contravene the rules set out here:
				<a target="_blank" href="http://www.w3.org/TR/aria-in-html/">http://www.w3.org/TR/aria-in-html/</a></p>
			<label>Experimental Tests<input type="checkbox" checked="checked" id="experimental"/></label>
			<p>Core validation only checks elements with a 'role' attribute.</p>
			<label>Check elements with 'aria-' attributes<input checked="checked" type="checkbox" id="attributes" title="Enable checks on elements with no aria role"/></label>
			<p>Many parts of ARIA depend on correctly implemented IDs in your HTML.</p>
			<label>Check IDs<input checked="checked" type="checkbox" id="ids"/></label>
		</fieldset>

<!--		<fieldset>
			<legend>aria-required is allowed</legend>
			<label>anywhere<input type="radio" id="ignorerequired" name="ariarequired"/></label>
			<label>only on elements that do NOT support HTML5 'required'<input type="radio" id="requiredxornative" name="ariarequired"/></label>
			<label>only on elements that DO support HTML5 'required'<input type="radio" id="requiredandnative" name="ariarequired"/></label>
		</fieldset>-->

		<div id="status"></div>
		<button id="save">Save</button>
		<div class="credits">
			<p>Disclaimer: This is beta software - you should manually verify results.</p>
			<p>${validator.app.name} by Rick Brown</p>
			<p>Version ${build.version}</p>
			<p>Icons derived from <a href="https://openclipart.org/user-cliparts/Ehecatl1138" target="_blank">http://openclipart.org/</a></p>
		</div>
		<script src="options.js"></script>
	</body>
</html>

